import axios from 'axios'
import { ElMessage, ElMessageBox } from 'element-plus'
import { getToken, removeToken, removeUserInfo, refreshTokenExpire } from '@/utils/auth'
import router from '@/router'

// 是否显示了重新登录提示
let isShowingLoginAlert = false

// 创建axios实例
const service = axios.create({
  baseURL: '/',
  timeout: 60000,  // 增加到60秒
  headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json'
  }
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    console.log('发送API请求:', config.url, config.method, config.params || config.data)
    
    // 从localStorage获取token
    const token = getToken()
    if (token) {
      // 判断是否是模拟登录
      const userInfo = JSON.parse(localStorage.getItem('userInfo') || '{}')
      const isMockLogin = userInfo.name === 'Admin User' && userInfo.role === 'admin'
      
      if (isMockLogin) {
        console.log('模拟登录状态，使用模拟认证头')
        // 对于模拟登录，我们创建一个特殊的认证头，后端会识别并允许访问
        config.headers['Authorization'] = `Bearer mock-token-for-testing`
      } else if (token) {
        // 确保token是标准JWT格式，包含两个点分隔符
        if (token.includes('.')) {
          // 设置token到请求头
          config.headers['Authorization'] = `Bearer ${token}`
          console.log('已添加认证头:', `Bearer ${token.substring(0, 10)}...`)
        } else {
          console.warn('Token格式不正确，不添加Authorization头')
          // 可以在此处理不正确的token情况，例如清除token并重定向到登录页
          // removeToken()
        }
      }
    } else {
      console.log('未找到token，不添加Authorization头')
    }

    // 保证对于login请求不添加Authorization头，避免干扰登录
    if (config.url.includes('/auth/login') || config.url.includes('/login')) {
      delete config.headers['Authorization']
      console.log('登录请求，移除Authorization头')
    }

    // 添加时间戳参数，避免缓存
    if (config.method === 'get') {
      config.params = config.params || {}
      config.params._t = Date.now()
    }

    return config
  },
  error => {
    console.error('请求错误:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    console.log('收到API响应:', response.config.url, response.status)
    console.log('响应数据:', JSON.stringify(response.data).substring(0, 200) + (JSON.stringify(response.data).length > 200 ? '...' : ''))
    
    const res = response.data
    
    // 检查返回的数据
    if (!res) {
      console.error('返回数据为空')
      return Promise.reject(new Error('服务器返回数据为空'))
    }

    // 特别处理登录接口的响应
    if (response.config.url.includes('/auth/login') || response.config.url.includes('/login')) {
      console.log('处理登录响应', res)
      // 确保刷新token过期时间
      refreshTokenExpire()
      return res
    }
    
    // 检查是否是标准 R 响应格式
    if (res && (res.code !== undefined || res.status !== undefined)) {
      const code = res.code !== undefined ? res.code : res.status
      
      // 如果后端返回的不是200状态码，则判断为错误
      if (code !== 200) {
        let message = res.message || res.msg || '服务器响应错误'
        console.error('API错误响应:', code, message)
        
        ElMessage({
          message: message,
          type: 'error',
          duration: 5 * 1000
        })
        
        // 401: 未授权; 403: 禁止访问
        if (code === 401 || code === 403) {
          handleUnauthorized(message)
        }
        
        return Promise.reject(new Error(message))
      } else {
        // 请求成功，续期token
        refreshTokenExpire()
        console.log('API请求成功，返回数据')
        // 直接返回数据对象，这里区分不同的响应格式
        return res.data !== undefined ? res.data : res
      }
    } else {
      // 响应不是标准R格式，可能是直接返回的数据
      console.log('非标准R格式响应，直接返回数据')
      refreshTokenExpire() // 刷新token过期时间
      return res
    }
  },
  error => {
    console.error('API响应错误:', error.message)
    
    // 处理网络错误
    let message = '网络错误，请稍后重试'
    
    if (error.response) {
      console.error('响应状态码:', error.response.status)
      console.error('响应数据:', error.response.data)
      
      // 尝试从响应中提取更详细的错误信息
      const responseData = error.response.data
      if (responseData && (responseData.message || responseData.msg)) {
        message = responseData.message || responseData.msg
      } else {
        switch (error.response.status) {
          case 401:
            message = '未授权，请重新登录'
            handleUnauthorized(message)
            break
          case 403:
            message = '权限不足，无法访问'
            handleUnauthorized(message)
            break
          case 404:
            message = '请求的资源不存在，请检查API路径是否正确'
            break
          case 500:
            message = '服务器内部错误，请联系管理员'
            break
          default:
            message = `请求错误 (${error.response.status})`
        }
      }
    } else if (error.request) {
      console.error('请求已发送但无响应')
      message = '后端服务未响应，请检查后端是否已启动'
    } else if (error.message.includes('timeout')) {
      console.error('请求超时')
      message = '请求超时，请检查网络或后端服务响应时间'
    } else if (error.message.includes('Network Error')) {
      console.error('网络错误')
      message = '网络连接错误，请确认后端服务是否正常运行'
    }
    
    ElMessage({
      message: message,
      type: 'error',
      duration: 5 * 1000
    })
    
    return Promise.reject(error)
  }
)

// 处理未授权情况
function handleUnauthorized(message) {
  if (isShowingLoginAlert) return
  
  isShowingLoginAlert = true
  
  ElMessageBox.confirm(
    '登录状态已失效，您可以取消继续留在此页面，或重新登录',
    '提示',
    {
      confirmButtonText: '重新登录',
      cancelButtonText: '取消',
      type: 'warning'
    }
  ).then(() => {
    // 清除用户登录状态
    removeToken()
    removeUserInfo()
    
    // 如果在登录页，刷新页面
    if (router.currentRoute.value.path === '/login') {
      window.location.reload()
    } else {
      // 跳转到登录页面，并保存当前路径
      router.push({
        path: '/login',
        query: { redirect: router.currentRoute.value.fullPath }
      })
    }
  }).catch(() => {
    // 用户取消了操作
  }).finally(() => {
    isShowingLoginAlert = false
  })
}

export default service 